/* Page background */
body {
    background-color: #f5f5f5; /* Light gray like your portal background */
}

/* Headings */
h1, h2, h3, h4, h5 {
    color: #28307c; /* KUHES dark blue replacement */
    font-family: 'Segoe UI', sans-serif;
}

/* Buttons */
.btn-primary {
    background-color: #28307c; /* KUHES dark blue replacement */
    border-color: #28307c;
    color: #ffffff;
}

.btn-primary:hover {
    background-color: #3a47a1; /* Slightly lighter shade for hover */
    border-color: #3a47a1;
    color: #ffffff;
}

/* Survey container styling */
.survey-container {
    background-color: #f0f0f0; /* Light grey for text area background */
    border: 2px solid rgba(245, 146, 28, 0.3); /* Faint KUHES orange border */
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    color: #000000; /* Black text */
}

/* Ensure all normal text is black */
.survey-container p,
.survey-container label,
.survey-container .question-text {
    color: #000000 !important;
}

/* Adjust question titles */
.question-title {
    color: #28307c !important; /* KUHES dark blue for question titles */
}

/* Optional: Style radio/checkbox labels */
.form-check-label {
    color: #000000 !important;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: #ddd9d9cc !important;
}

.bg-primary {
    color: #212529;
}

.question-container {
    margin-bottom: 2em;
    background: white;
    color: #444;
    border-bottom: 1px solid #ffd580;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #28307c;
    transition: width .6s ease;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #28307c;
    border-color: #28307c;
}

.question-valid-container {
    position: relative;
    text-align: center;
    display: none !important;
}